import ReactDOM from 'react-dom/client'
import 'reset-css'
import '@/assets/style/global.scss'
import { BrowserRouter } from 'react-router-dom'
import App from './App'
// 状态管理
import { Provider } from 'react-redux'
import store from '@/store'

/**
 * React应用入口文件
 * 
 * 主要功能：
 * 1. 创建React应用的根节点
 * 2. 配置全局样式和CSS重置
 * 3. 设置路由和状态管理
 * 
 * 技术栈：
 * - React 18: 使用createRoot API创建应用
 * - React Router: 提供路由功能
 * - Redux: 状态管理
 * - Ant Design: UI组件库
 * - TypeScript: 类型支持
 */

// 使用React 18的createRoot API创建应用根节点
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  /**
   * Provider组件：
   * - 将Redux store提供给整个应用
   * - 所有子组件都可以访问store中的状态
   */
  <Provider store={store}>
    {/**
     * BrowserRouter组件：
     * - 提供基于HTML5 history API的路由功能
     * - 管理应用的路由状态
     */}
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </Provider>
)
